<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="white" />
		<title>云矿</title>
		<link rel="stylesheet" href="../../public/css/common.css">
		<link rel="stylesheet" href="../../public/css/bootstrap.css">
		<link rel="stylesheet" href="../css/emailRegister.css">
		<script src="../../public/js/font_size.js"></script>
		<link rel="stylesheet" href="../../public/css/weui.css">
		<link rel="stylesheet" href="../../public/css/jquery-weui.css">
		<style>
			.weui-toast_content {
				margin-bottom: 0 !important;
			}
		</style>
	</head>

	<body>
		<div class="container p-0">
			<div class="row pRegiterTop">
				<div class="col-auto d-flex justify-content-center align-items-center" id="comeback">
					<img src="../../public/images/left.png" alt="" class="mr-1"><span style="font-size:0.4rem;color:#fff">邮箱注册</span>
				</div>
			</div>
			<div class="row justify-content-center" style="margin-top: 1.0rem;">
				<div class="col-auto d-flex justify-content-center align-items-center">
					<img src="../../public/images/userName.png" alt="" class="mr-1 img-size">
					<div class="regiter01">
						<input type="text" placeholder="请输入用户名(中文、字母和数字组合)" style="width:4.24rem;" id="username" value="">
					</div>
				</div>
			</div>
			<div class="row justify-content-center" style="margin-top: 0.6rem;">
				<div class="col-auto d-flex justify-content-center align-items-center">
					<img src="../../public/images/emailLogo.png" alt="" class="mr-1 img-size">
					<div class="regiter01">
						<input type="text" placeholder="请输入你的邮箱" style="width:4.24rem;" id="emailnum" value="">
					</div>
				</div>
			</div>
			<div class="row justify-content-center" style="margin-top: 0.6rem;">
				<div class="col-auto d-flex justify-content-center align-items-center">
					<img src="../../public/images/password.png" alt="" class="mr-1 img-size">
					<div class="regiter01 d-flex justify-content-between align-items-center">
						<input type="password" placeholder="请输入至少8位(数字和字母)密码" style="width:4.24rem;" id="password" value="">
						<img src="../../public/images/show.svg" alt="" class="img-size01" data-change="invisible" id="visible">
					</div>
				</div>
			</div>
			<div class="row justify-content-center" style="margin-top: 0.6rem;">
				<div class="col-auto d-flex justify-content-center align-items-center">
					<img src="../../public/images/referer.png" alt="" class="mr-1 img-size">
					<div class="regiter01">
						<input type="text" placeholder="填写推荐人手机或邮箱号码" style="width:4.24rem;" id="rPhone" value="">
					</div>
				</div>
			</div>
			<div class="row justify-content-center" style="margin-top: 0.6rem;" style="display: none">
				<div class="col-auto d-flex justify-content-center align-items-center">
					<img src="../../public/images/Vcode.png" alt="" class="mr-1 img-size">
					<div class="regiter01" style="width:3.94rem;">
						<input type="text" placeholder="请输入验证码" style="width:3.9rem;" id="inputYZM">
					</div>
					<div class="vCodeStyle p-0 text-center" style="font-size:0.24rem;" id="yzm">
						<div>获取验证码</div>
						<img src="" alt="" class="yzmIMG">
					</div>
				</div>
			</div>
			<div class="row justify-content-center aText">
				<div class="col-auto p-0 d-flex">
					<input type="checkbox" class="aInput align-self-center" id="agrement" checked>
				</div>
				<div class="col-auto p-0">我已阅读并同意</div>
				<div class="col-auto userAgremment p-0" onclick="location.href='../userAgrement.html'">【云矿用户协议】</div>
			</div>
			<div class="row justify-content-center">
				<div class="col-auto loginBtn d-flex justify-content-center " id="nextPage">
					<span class="align-self-center">下一步</span>
				</div>
			</div>
			<div class="row justify-content-center mt-2">
				<div class="col-auto p-0 registerBottom">
					已有账号？
				</div>
				<div class="col-auto p-0" id="ljdl">
					立即登录
				</div>
			</div>
		</div>
		<script src="../../public/js/jquery-2.1.4.js"></script>
		<script src="../../public/js/jquery-weui.js"></script>
		<script src="../../public/js/common.js"></script>
		<script src="../js/emailRegister/emailRegister.js"></script>
	</body>

</html>